<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			
			/*一道 setTimeout/Promise 输出顺序问题的题*/
			setTimeout(function(){  //宏任务 
				console.log(1)
			},0)
				
			new Promise(function(resolve){   //Promise会被同步调用  属于微任务先执行  Promise的回调页属于微任务
				console.log(2)
				for(let i=0 ; i<10000 ;i++){
					i == 9999 && resolve()
				}
				console.log(3)
			}).then(function(){
				console.log(4)
			})
			
			/*什么是 virtual DOM */
			//就是虚拟的DOM，提高渲染的性能，数据与UI分离，并且有利于服务器渲染
			
			
			/*webpack 的原理是什么，loader 和 plugin 的作用是什么*/
			//用js模拟一颗DOM树，放在浏览器的内存中，当需要变更时，虚拟DOM进行diff算法进行新旧虚拟DOM的对比，将变更放入到队列中。反应到实际的DOM上，减少DOM的操作。
			
			
			/*ssr 的原理是什么，解决了什么问题*/
			//。所谓服务端渲染，指的是把vue组件在服务器端渲染为组装好的HTML字符串，然后将它们直接发送到浏览器，最后需要将这些静态标记"激活"为客户端上完全可交互的应用程序。
			//优点:1.更好的SEO，搜索引擎爬虫可以抓取渲染好的页面,2.更快的内容到达时间（首屏加载更快），因为服务端只需要返回渲染好的HTML，这部分代码量很小的，所以用户体验更好
			//缺点:1.cpu/memory可能爆了，不好调试
			//     2.开发成本比较高，在高流量环境下，还要做好服务器负载和缓存策略
		</script>
	</body>
</html>
